<template>
  <view class="statsinfo-container">  
    <!-- 导航栏 -->
    <nav-bar></nav-bar>
    <view class="content">
      <view class="header">
        <text>订单统计中所有数据均按照<text class="highlight">事件发生时间</text>进行统计：</text>
      </view>
      
      <view class="info-section">
        <view class="info-item">
          <text class="title">开放时间：</text>
          <text class="desc">当日开放可约小时数（每次开放时间投不足3小时不计）</text>
        </view>
        
        <view class="info-item">
          <text class="title">收到单数：</text>
          <text class="desc">当日广播通知/商家指派的新订单数量</text>
        </view>
        
        <view class="info-item">
          <text class="title">接单单数：</text>
          <text class="desc">当日确认接单的单数</text>
        </view>
        
        <view class="info-item">
          <text class="title">成交单数：</text>
          <text class="desc">当日接单后未取消的单数</text>
        </view>
        
        <view class="info-item">
          <text class="title">取消单数：</text>
          <text class="desc">当日接单后取消的订单数</text>
        </view>
        
        <view class="info-item">
          <text class="title">成交用户：</text>
          <text class="desc">当日下单后未取消的用户数</text>
        </view>
        
        <view class="info-item">
          <text class="title">复购用户：</text>
          <text class="desc">当日下单后未取消的用户中，近一年曾下过单的用户数</text>
        </view>
        
        <view class="info-item">
          <text class="title">首单用户：</text>
          <text class="desc">当日邀请注册的用户数</text>
        </view>
        
        <view class="info-item">
          <text class="title">邀请用户：</text>
          <text class="desc">首单在当日的，注册时间在上周日到本周六间的邀请用户数</text>
        </view>
      </view>
      
      <view class="info-section">
        <view class="info-item">
          <text class="title">接单金额：</text>
          <text class="desc">当日点击"确认接单"的订单金额</text>
        </view>
        
        <view class="info-item">
          <text class="title">成交金额：</text>
          <text class="desc">当日接单后未取消的订单金额（不含路费）</text>
        </view>
        
        <view class="info-item">
          <text class="title">退款金额：</text>
          <text class="desc">当日产生退款的金额（含部分退款）</text>
        </view>
      </view>
      
      <view class="info-section">
        <view class="info-item">
          <text class="title">接单率 = 接单单数 / 收到单数</text>
        </view>
        
        <view class="info-item">
          <text class="title">成交率 = 成交单数 / 接单单数</text>
        </view>
        
        <view class="info-item">
          <text class="title">退款率 = 退款金额 / 接单金额</text>
        </view>
      </view>
      
      <view class="note">
        <text>注：用户下单成功后1分钟内自主取消的订单不计入取消单数、退款金额和退款率。</text>
      </view>
    </view>
  </view>
</template>

<script>
import NavBar from '@/components/nav-bar/nav-bar.vue'
export default {
	components: {
		NavBar
	},
  data() {
    return {}
  },
  methods: {
    goBack() {
      uni.navigateBack()
    }
  }
}
</script>

<style lang="scss" scoped>
.statsinfo-container {
  min-height: 100vh;
  background-color: #f5f5f5;
  padding-bottom: 30rpx;
}

.content {
  padding: 20rpx 30rpx;
  margin-top: 0rpx;
}

.header {
  font-size: 28rpx;
  color: #333;
  margin-bottom: 20rpx;
  
  .highlight {
    color: #e74c3c;
    font-weight: bold;
  }
}

.info-section {
  background-color: #fff;
  border-radius: 10rpx;
  padding: 20rpx 30rpx;
  margin-bottom: 20rpx;
}

.info-item {
  margin-bottom: 20rpx;
  
  &:last-child {
    margin-bottom: 0;
  }
  
  .title {
    font-size: 28rpx;
    color: #333;
    font-weight: 500;
  }
  
  .desc {
    font-size: 28rpx;
    color: #666;
    display: block;
  }
}

.note {
  font-size: 26rpx;
  color: #999;
  margin-top: 20rpx;
}
</style> 